<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>哈工科教-少儿机器人编程云课堂</title>
  <meta name="keywords" content="少儿编程，机器人编程，少儿机器人，哈工科教">
  <meta name="description" content="哈工科教致力于为6-12岁少儿提供机器人编程学习，将相关课程与孩子的学习习惯、兴趣爱好相结合。哈工科教已为全国15个省超过100所学校及机构提供机器人编程学习解决方案">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="subject" content="编程，教育，scratch">
    <meta name="author" content="北京哈工科教">
    <link rel="icon" href="https://cdn.hterobot.com/vue/public/favicon.ico">
    <script src="https://cdn.hterobot.com/vue/public/js/href.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="//at.alicdn.com/t/font_785409_cwtukddfkfh.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/element-ui/2.6.1/theme-chalk/index.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/element-ui/2.6.1/index.js"></script>
</head>

<body>
    <div class="appbig">
        <div class="logo">
            <div class="logoin">
                    <img  src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/logokejiao.png" height="40" width="116" alt="">
            </div>
            <div class="logoind">
                <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/icon111.png" style="width: 26px;height:22px" alt="">
            </div>
        </div>
        <div class="bigtu">
            <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/banner000.png" alt="">
        </div>
        <div class="vide">
            <div class="shop">
                <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/purple.png" alt="">
                <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/blue.png" alt="">
                <a href="/qq.html"><img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/orange.png" alt=""></a> 
            </div>
            <div class="pluse">
                <img class="plusea" src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/img-top.png" alt="">
                <p class="zhuanye">专业老师耐心辅导学生</p>
            </div>
        </div>
        <div class="changt">
            <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/iphone.png" alt="">
        </div>
        <div class="header">
            <ul class="ulu">
                <li>课程体系</li>
                <li>了解我们</li>
                <li>课程服务</li>
                <li>预约试听</li>
            </ul>
            <div class="shouye">首页</div>
            <div class="data-ma">
                <div class="datalist">
                    <ul class="data-ul">
                        <li class="data-li">
                            <p class="data-p">关注我们</p>
                            <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/20190508111430.jpg" alt="">
                        </li>
                        <li class="datali">
                            <p>
                                    <img data-v-3d4b1b6b="" src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/icon_phone.png" alt="">
                                010-8648-3029</p>
                            <p>
                                    <img data-v-3d4b1b6b="" src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/icon_email.png" alt="" class="mail">
                                info@hterobot.com </p>
                            <p>
                                    <img data-v-3d4b1b6b="" src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/icon_site.png" alt="" class="address">
                                北京市上奥世纪中心A座</p>
                            <p>
                                    <img data-v-3d4b1b6b="" src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/icon_fax.png" alt="" class="phone">
                                010-8648-3029</p>
                        </li>
                    </ul>
                </div>
            </div>
            <p class="sizel">北京哈工科教机器人科技有限公司 版权所有</p>
            <p class="sizel">Copyright©2017-2019 HteRobot All Rights Reserved. 京ICP备17067728号-1</p>
        </div>
    </div>
</body>
<script>

</script>
<style scoped>
    * {
        margin: 0;
        padding: 0;
    }
    .plusea{
        width: inherit;
    }
    #current{
        float: right;
    }
    .play{
        margin: 0 auto;
    }

    .appbig {
        width: 100%;
        background-color: #F7F7F7;
    }

    .logo {
        width: 100%;
        height: 90px;
        padding: 25px 18px 12px 14px;
    }

    .logoin {
        float: left;
       
    }

    .logoind {
        float: right;
        margin-top: 6px;
    }

    .bigtu {
        width: 100%;
        height: 100%;
    }

    .bigtu img {
        width: inherit;
        height: auto;
    }

    .vide {
        width: 100%;
        height: 100%;
        padding: 14px;
    }

    .shop {
        width: 100%;
        margin-bottom: 30px;
    }

    .shop img {
        width: 32.2%;
    }

    .pluse {
        height: 100%;
        width: 100%;
        /* position: relative;
        padding-bottom: 56.25%; */
        /*需要用padding来维持16:9比例,也就是9除以16*/
        /* height: 0; */

    }
    .zhuanye{
        font-family: AdobeHeitiStd-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
    margin-top: 5px;
    }
    .pluse video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .changt {
        width: 100%;
        height: 100%;
    }

    .changt img {
        width: inherit;
    }

    .header {
        width: 100%;
        height: 100%;
        padding: 12% 21px 42px 21px;
        background-color: #343844;
    }

    .ulu {
        list-style: none;
        display: flex;
        margin-bottom: 15%;
    }

    .ulu li {
        float: left;
        flex: 1;
        font-family: PingFangSC-;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        color: #b3b3b3;
        text-align: center;
    }
    .data-ul{
        list-style: none;
        display: flex;
    }
    .data-ul .data-li{
        width: 40%;
    }
    .data-ul .datali{
        width: 60%;
    }
    .data-ul li .data-p{
        text-align: center;
        font-family: MicrosoftYaHei;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #b3b3b3;
    }
    .data-ul li img{
        text-align: center;
        width: 60%;
    margin-left: 18%;
    }
    .data-ul li p{
        font-family: MicrosoftYaHei;
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #b3b3b3;
    }
    .data-ul li p img{
        width: 8%;
    }
    .shouye {
        width: 147px;
        height: 37px;
        background-color: #0085fe;
        text-align: center;
        line-height: 37px;
        border-top-left-radius: 55px;
        border-top-right-radius: 56px;
        border-bottom-left-radius: 56px;
        border-bottom-right-radius: 56px;
        margin: 0 auto;
        font-family: PingFangSC-;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        margin-bottom: 10%;
    }

    .sizel {
        width: 100%;
        font-family: PingFangSC-;
        font-size: 7px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #666666;
        text-align: center;
    }
    .data-ma{
        width: 100%;
    }
    .datalist{
        width: 100%;
        height: 150px;
        margin: 0 auto;
        margin-bottom: 10%;
    }
</style>

</html>